<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<section th:if="${#lists.isEmpty(dataList)}" class="no-data__wrap">
    <span class="no-data-ico"></span>
    <p class="mt20"><span class="c-666">抱歉，还没有，试试其它的课程吧~~~</span></p>
</section>
<div class="mt10 row" th:if="!${#lists.isEmpty(dataList)}">
    <section class="col-sm-6" th:each="dataMap : ${dataList}" th:attrappend="data-courseid=${dataMap['id']}">
        <section class="media mb20">
            <div class="media-left">
                <a href="javascript:void(0)">
                    <img class="media-object lazy" width="80"
                         th:attrappend="data-original=!${#maps.isEmpty(dataMap['imageMap'])}? ${dataMap['imageMap']['pcUrlMap']['large']} :''"/>
                </a>
            </div>
            <div class="media-body">
                <section class="hLh20">
                    <span class="label label-info label-inline fs12 vam"
                          th:if="${dataMap['courseTypeKey']=='VIDEO'}">录播</span>
                    <span class="label label-primary label-inline fs12 vam" th:if="${dataMap['courseTypeKey']=='LIVE'}">直播</span>
                    <span class="label label-success label-inline fs12 vam"
                          th:if="${dataMap['courseTypeKey']=='SMALL'}">小班课</span>
                    <span class="label label-warning label-inline fs12 vam"
                          th:if="${dataMap['courseTypeKey']=='PACKAGE'}">套餐</span>
                    <a th:href="@{/web/course/courseInfo?courseId={courseId}(courseId=${dataMap['id']})}"
                       class="fs16 c-666 vam" title="" th:text="${dataMap['courseName']}"></a>
                </section>
                <section class="mt5">
                        <span class="c-999 vam fs12">共
                              <span class="vam"
                                    th:text="${dataMap['courseProfile']['buyCount']} + ${dataMap['initBuyNum']}"></span>
                            人学习</span>
                </section>
            </div>
        </section>
    </section>
</div>

</html>